
.gm-layout {
    min-height: 100vh;
    .side-menu{
        background: transparent;
        box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
        overflow-y: auto;
        z-index: 103;
        &.fixed-side{
          position: fixed;
          height: 100vh;
          left: 0;
          top: 0;
        }
        .logo{
            height: 64px;
            position: relative;
            line-height: 64px;
            padding-left: 24px;
            -webkit-transition: all .3s;
            transition: all .3s;
            overflow: hidden;
            background-color: #fff;
            &.light{
              background-color: #fff;
              h1{
                color: @primary-color;
              }
            }
            h1{
              color: @primary-color;
              font-size: 20px;
              margin: 0 0 0 12px;
              display: inline-block;
              vertical-align: middle;
            }
            img{
              width: 32px;
              vertical-align: middle;
            }
          }
    }
    .virtual-side{
        transition: all 0.2s;
    }
    .virtual-header{
        transition: all 0.2s;
        opacity: 0;
        &.fixed-tabs.multi-page:not(.fixed-header){
            height: 0;
        }
    }
    .gm-layout-main{
        background-color: transparent;
        .gm-header{
          top: 0;
          right: 0;
          overflow: hidden;
          transition: all 0.2s;
          box-shadow: 2px 2px 6px #a7a7a6;
          background-color: #fff;
          z-index: 102;
          padding:0;
          position: relative;
          &.fixed-tabs.multi-page:not(.fixed-header){
            height: 0;
          }
        }
    }
    .gm-layout-content{
        padding: 12px 24px 0;
        /*overflow-x: hidden;*/
        /*min-height: calc(100vh - 64px - 122px);*/
    }
}
:deep(.ant-layout-sider-trigger) {
  background-color: rgb(198, 220, 235);
}